<template>
  <div class="about">
      <el-breadcrumb style="margin-bottom: 10px;" separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">{{activeItem}}</a></el-breadcrumb-item>
      </el-breadcrumb>
    <h1>This is an about page</h1>
	<el-table :data="tableData">
	<el-table-column prop="date" label="日期" width="140">
	</el-table-column>
	<el-table-column prop="name" label="姓名" width="120">
	</el-table-column>
	<el-table-column prop="address" label="地址">
	</el-table-column>
	</el-table>
  </div>
</template>
<script>
  export default {
    data() {
      const item = {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      };
      return {
        tableData: Array(20).fill(item)
      }
    }
  };
</script>
